$(function () {
    renderHtml()
    // TODO:渲染页面的函数
    function renderHtml() {
        $.ajax({
            url: "/my/article/cates",
            success: function (res) {
                var cateList = template("tpl_catalist", res);
                $("tbody").html(cateList)
            }
        })
    }


    // 定义添加弹窗的索引
    var addIndex = null;

    // 定义编辑弹窗的索引
    var editIndex = null;

    // 获取layui的form对象
    var form = layui.form;



    // TODO:添加数据的弹窗
    $("#addBtn").on("click", function () {
        addIndex = layer.open({
            type: 1,
            area: ["500px", "350px"],
            content: $("#tpl_add").html(),
        });
    })

    // TODO:点击确认添加添加数据
    $("body").on("submit", "#addCatasForm", function (e) {
        e.preventDefault()
        var data = $(this).serialize()
        $.ajax({
            type: "POST",
            url: "/my/article/addcates",
            data: data,
            success: function (res) {
                if (res.status != 0) {
                    return layer.msg(res.message)
                }
                layer.msg(res.message);
                renderHtml()
                layer.close(addIndex)
            }

        })
    })

    // TODO:删除数据
    $("body").on("click", ".deleteCatas", function () {
        var that = $(this)
        console.log(that)

        layer.confirm('确定删除?', { icon: 3, title: '提示' }, function (index) {
            //do something
            var id = that.attr("data-id")
            $.ajax({
                url: "/my/article/deletecate/" + id,
                success: function (res) {
                    if (res.status != 0) {
                        return layer.msg(res.message)
                    }
                    layer.msg(res.message);
                    renderHtml()
                }
            })
            layer.close(index);
        });




    })

    // TODO:编辑数据的窗口
    $("body").on("click", ".editCatas", function () {
        // 获取数据
        var shuju = JSON.parse(JSON.stringify(this.dataset));
        var newShuju = {
            Id: shuju.id,
            name: shuju.name,
            alias: shuju.alias
        }
        // console.log(shuju) // {id: "1", name: "1", alias: "keji"}
        // console.log(newShuju)
        // 出现弹窗
        editIndex = layer.open({
            type: 1,
            area: ["500px", "350px"],
            content: $("#tpl_edit").html(),
            success: function () {
                // 渲染数据
                form.val("fr", newShuju)
            }
        });
    })

    // TODO:点击确认修改后修改数据
    $("body").on("click", "#sureEdit", function (e) {
        e.preventDefault();
        console.log(111)
        var data = $("#editForm").serialize();
        $.ajax({
            type: "POST",
            url: "/my/article/updatecate",
            data: data,
            success: function (res) {
                if (res.status != 0) {
                    return layer.msg(res.message)
                }
                layer.msg(res.message)
                renderHtml()
                layer.close(editIndex)
            }
        })
    })

})